آموزش Flutter & Dart - دوره کامل توسعه برنامه [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• درباره به‌روزرسانی دوره - 2024 - ویدیوهای جدید VS Legacy About Course Update - 2024 - New VS Legacy Videos

• تنظیم محیط توسعه فلوتر - نمای کلی Flutter Development Environment Setup - Overview

• وب سایت Flutter Dev - بررسی اجمالی Flutter Dev Website - Overview

Windows - Flutter Development Environment Setup Windows - Flutter Development Environment Setup

• Flutter را در ویندوز راه اندازی کنید Setup Flutter on Windows

MAC - راه اندازی محیط توسعه فلوتر MAC - Flutter Development Environment Setup

• Flutter Setup در مک Flutter Setup on Mac

کد ویژوال استودیو را تنظیم کنید و اولین برنامه فلاتر را اجرا کنید Setup Visual Studio Code and Running the First Flutter App

• راه اندازی در مقابل کد IDE - نصب و راه اندازی Setup VS Code IDE - Installation and Setup

• یک پروژه فلاتر ایجاد کنید Create a Flutter Project

• اجرای اولین برنامه Flutter ما در شبیه ساز Running our First Flutter App on Emulator

چرا فلاتر - مزایا و انگیزه شیرجه عمیق Why Flutter - Benefits and Motivation Deep Dive

• چرا فلاتر و مزایا و انگیزه Why Flutter and Benefits and Motivation

• Hands-On - The Fortune Cookie App Hands-On - The Fortune Cookie App

• تصادفی کردن لیست رشته ها Randomizing a List of Strings

• مبانی دارت - متغیرها، رشته ها و اعداد صحیح و متغیرها Dart Basics - Variables, Strings, and Integers and Vars

• مبانی دارت - مقدمه ای بر توابع - خلأ Dart Basics - Introduction to Functions - the Void

• Dart Basics - تابع با نوع بازگشتی Int Dart Basics - Function with Int Return Type

• مبانی دارت - گذراندن آرگومان ها در توابع Dart Basics - Passing Arguments in Functions

• مبانی دارت - انواع و آرگومان های بازگشت تابع - همه را کنار هم بگذارید Dart Basics - Function Return Types and Arguments - Put it All together

• Hands-On - Fortune Cookie App - اضافه کردن یک کارت و معرفی به ابزارک ها Hands-On - Fortune Cookie App - Add a Card & Introduction to Widgets

• عملی - برنامه کوکی فورچون - اضافه کردن تصاویر به عنوان دارایی و نمایش و اظهارات نهایی Hands-On - Fortune Cookie App - Add Images as Assets and Show & Final Remarks

ابزارک‌های فلاتر - ویجت‌های حالت دار و بدون وضعیت Deep Dive Flutter Widgets - Stateful and Stateless Widgets Deep Dive

• بررسی اجمالی ابزارک‌های فلاتتر - ویجت‌های Stateful در مقابل بدون تابعیت Flutter Widgets Overview - Stateful vs Stateless Widgets

• بررسی اجمالی سلسله مراتب ویجت و قابلیت استفاده مجدد Widget Hierarchy and Reusability Overview

• Hands-On - روش ساخت و SetState Hands-On - The Build Method & SetState

• کلمه کلیدی Const The Const Keyword

• برنامه ماشین حساب نکته - مقدمه و نمای کلی Tip Calculator App - Introduction and Overview

• ماشین حساب نکته - پروژه ایجاد کنید و AppBar را راه اندازی کنید Tip Calculator - Create Project and Setup the AppBar

• افزودن ظرف و تزئین آن Adding a Container and Decorating It

• ویجت ها مستندات و مبانی قالب بندی Widgets Documentation & Basics of Theming

• درک تم و BuildContext Understanding Theme and the BuildContext

• ویجت ها و کلاس ها و اشیاء دارت - مقدمه ای بر OOP Widgets & Dart Classes and Objects - Introduction to OOP

• Refactoring Style و نهایی کردن ویجت برتر Refactoring Style and Finalizing the Top Widget

• کانتینر مبلغ صورتحساب و فیلد متنی را ایجاد کنید Create the Bill Amount Container and the TextField

• ایجاد بخش Split Bill Creating the Split Bill Section

• افزودن قابلیت افزایش و کاهش Adding the Increment and Decrement Functionality

• ویجت PersonCounter را اصلاح کنید Refactor the PersonCounter Widget

• ویجت TipPercentage و Slider را اضافه کنید Add the TipPercentage and Slider Widgets

• مبانی دارت - پارامترهای مورد نیاز و نامگذاری شده Dart Basics - Required and Named Parameters

• ویجت Refactor TipSlide Refactor TipSlide Widget

• فیلد متنی BillAmount را تغییر دهید Refactor the BillAmount TextField

• منطق محاسبه نکته را اضافه کنید Add Tip Calculation Logic

• نکته ماشین حساب کامل ویجت Refactor Tip Calculator Full Widget Refactor

• خلاصه بخش Section Summary

Flutter State Management - ارائه دهنده و بهبود برنامه های قبلی Flutter State Management - Provider & Improving Previous Apps

• مقدمه ای بر بسته مدیریت دولتی ارائه دهنده Introduction to Provider State Management Package

• راه اندازی ارائه دهنده و درک بسته های فلاتر و وابستگی ها Setup Provider & Understanding Flutter Packages and Dependencies

• راه اندازی کلاس مدل ارائه دهنده و پیاده سازی یک مصرف کننده Setup Provider Model Class and Implementing a Consumer

• Consumer VS ProviderOf - بررسی اجمالی Consumer VS ProviderOf - Overview

• Hands-On - ProviderOf Limitations Hands-On - ProviderOf Limitations

• Hands-On - Random Fortune App - اضافه کردن یک ارائه دهنده Hands-On - Random Fortune App - Adding a Provider

• Hands-On - ماشین حساب نکته - اضافه کردن ارائه دهنده و کد Refactor Hands-On - Tip Calculator - Add Provider and Code Refactor

• Hands-On - ماشین حساب نکته - اضافه کردن ThemeProvider Hands-On - Tip Calculator - Add ThemeProvider

• دستی - ماشین حساب نکته - اجرای حالت های تاریک و روشن Hands-On - Tip Calculator - Implement Dark & Light Modes

• دارت متوسط ​​- مقدمه ای بر وراثت OOP Dart Intermediate - Introduction to OOP Inheritance

• Dart & Widget - وراثت در ابزارک های Flutter Dart & Widget - Inheritance in Flutter Widgets

• Dart Intermediate - Override و روش toString Dart Intermediate - Override and the toString Method

• خلاصه بخش Section Summary

Flutter Navigation - تجزیه فایل‌های JSON، ویجت Listview - ساخت برنامه فیلم Flutter Navigation - Parsing JSON Files, Listview Widget - Build a Movie App

• ناوبری - نمایش برنامه فیلم Navigation - Movie App Demo

• Flutter ListviewBuilder Widget - نمایش فیلم ها در Listview Flutter ListviewBuilder Widget - Show Movies on a Listview

• دارت - آرایه ها و لیست ها و حلقه ها Dart - Arrays and Lists and Loops

• Dart - لیست ها و انواع لیست - اضافه کردن و حذف موارد از یک لیست Dart - Lists and List Types - Adding and Removing Items from a List

• Hands-On - یک ارائه دهنده فیلم ایجاد کنید Hands-On - Create a Movie Provider

• Hands-On - اضافه کردن یک ListTile برای هر فیلم - تزئین آیتم های لیست Hands-On - Adding a ListTile for Each Movie - Decorate the List Items

• کلاس مدل فیلم - مروری بر فایل فیلم JSON The Movie Model Class - The JSON Movie File Overview

• Dart - نقشه های دارت و ایجاد کلاس مدل فیلم Dart - Dart Maps and Creating a Movie Model Class

• Hands-On - ایجاد کلاس MovieParser Hands-On - Creating the MovieParser Class

• Hands-On - به روز رسانی MovieProvider برای تجزیه فیلم ها و نمایش فیلم های موجود در لیست Hands-On - Updating MovieProvider to Parse Movies & Show Movies on the List

• Dart Future Type - Async - Await - نمای کلی Dart Future Type - Async - Await - Overview

• Hands-On - سفارشی کردن ListItem با ExpansionTile Hands-On - Customizing ListItem with ExpansionTile

• Hands-On - اضافه کردن پیمایش به صفحه نمایش جزئیات فیلم Hands-On - Adding Navigation to Movie Details Screen

• Hands-On - انتقال یک فیلم به صفحه نمایش جزئیات فیلم Hands-On - Passing a Movie to Movie Details Screen

• Refactor - ویجت سفارشی را استخراج کنید Refactor - Extract Custom Widget

• Hands-On - اضافه کردن تصویر به CircleAvatar Hands-On - Adding Image to the CircleAvatar

• Hands-On - نمایش پوسترهای تصویری در صفحه جزئیات Hands-On - Show Image Posters on Details Screen

• Hands-On - پنهان کردن دکمه Read More Hands-On - Hide the Read More Button

• خلاصه بخش Section Summary

پایداری داده با پایگاه داده SQLite و تجزیه JSON از APIها - Book Tracker Data Persistence with SQLite Database & Parsing JSON From APIs - Book Tracker

• معرفی اپلیکیشن Book Tracker - نسخه ی نمایشی Introduction to the Book Tracker App - Demo

• Hands-On - پروژه Book Reader را ایجاد کنید و BottomNavigationBar را اضافه کنید Hands-On - Create the Book Reader Project & Adding the BottomNavigationBar

• Hands-On - راه اندازی onTap برای NavigationBarItem Hands-On - Setting up the onTap for NavigationBarItem

• Hands-On - ایجاد همه صفحه‌ها و نمایش در BottomNavItem کلیک شده است Hands-On - Creating All Screens and Showing On BottomNavItem Clicked

• Google Books API Endpoint - نمای کلی The Google Books API Endpoint - Overview

• Hands-On - کلاس مدل کتاب را ایجاد کنید Hands-On - Create the Book Model Class

• Hands-On - کلاس شبکه Hands-On - The Network Class

• Hands-On - دریافت بار JSON و نمایش در کنسول Hands-On - Getting JSON Payload and Showing in the Console

• Hands-On - فهرستی از اشیاء کتاب نگاشت شده در اشیاء ایجاد کنید و آنها را نشان دهید Hands-On - Create a List of Book Objects Mapped into Objects & Show Them

• مبانی دارت - جریان کنترل - انشعاب Dart Basics - Control Flow - Branching

• مبانی دارت - اپراتور NOT Dart Basics - The NOT Operator

• مبانی دارت - TryCatch و استثناها Dart Basics - TryCatch and Exceptions

• Hands-On - نمایش جستجوهای کتاب در نمای فهرست Hands-On - Showing Book Searches on a Listview

• Hands-On - اضافه کردن Gridview و نمایش تصاویر کتاب Hands-On - Adding a Gridview and Showing Book Images

• عملی - عناوین و نویسندگان را اضافه کنید و مشکل سرریز را برطرف کنید Hands-On - Add Titles and Authors and Fix the Overflow Issue

• Hands-On - افزودن GestureDetector و Named Routes - نمایش جزئیات صفحه Hands-On - Add GestureDetector and Named Routes - Show Details Screen

• Hands-On - Add BookDetailsArgument & Pass a Book Object & Null Safety in Flutter Hands-On - Add BookDetailsArgument & Pass a Book Object & Null Safety in Flutter

• Hands-On - اضافه کردن تصویر و عنوان کتاب به DetailsScreen Hands-On - Add Image and Book Title to DetailsScreen

• Hands-On - ویجت Refactor GridView Hands-On - Refactor GridView Widget

• Hands-On - اضافه کردن دکمه ها و توضیحات کتاب Hands-On - Add Buttons and Description of the Book

• مقدمه ای بر پایگاه های داده - SQLite و ایجاد کلاس کمکی پایگاه داده SQLite Introduction to Databases - SQLite & Creating the SQLite Database Helper Class

• Hands-On - برای ایجاد جدول، تابع onCreate را اضافه کنید Hands-On - Add onCreate Function to Create a Table

• Hands-On - روش‌های Insert و ReadAll Books را اضافه کنید Hands-On - Add Insert and ReadAll Books Methods

• دستی - ذخیره کتاب و خواندن کتاب Hands-On - Save Book & Read Books

• Hands-On - نمایش کتاب های ذخیره شده در صفحه ذخیره شده Hands-On - Show Saved Books in the Saved Screen

• Hands-On - اضافه کردن ToggleFavorite Status Method Hands-On - Add ToggleFavorite Status Method

• Hands-On - کتاب ها را به موارد دلخواه اضافه کنید Hands-On - Add Books to Favorite

• Hands-On - حذف کتاب Hands-On - Delete Book

• Hands-On - ذخیره و نمایش موارد دلخواه Hands-On - Save and Show Favorites

• دستی - موارد دلخواه و دکمه های ذخیره را به صورت پویا تنظیم کنید Hands-On - Adjust Favorites & Save Buttons Dynamically

• Hands-On - نمایش دکمه های ذخیره یا موارد دلخواه را ساده کنید Hands-On - Simplify Showing the Save or Favorites Buttons

• Hands-On - گزینه isFavorite را تغییر دهید و نماد و متن را در رابط کاربری تغییر دهید Hands-On - Toggle the isFavorite and Change the Icon and Text on the UI

• خلاصه بخش Section Summary

پایگاه داده بیدرنگ Firebase با درخواست HTTP - ردیاب مصرف آب Firebase Realtime Database with HTTP Request - Water Intake Tracker

• نسخه ی نمایشی و نمای کلی ردیاب آب Water Tracker Demo and Overview

• Hands-On - FloatingActionButton و AppBar را تنظیم کنید Hands-On - Setup FloatingActionButton and AppBar

• Hands-On - راه اندازی پایگاه داده بیدرنگ Firebase Hands-On - Setup Firebase Realtime Database Backend

• Hands-On - AlertDialog و TextField را اضافه کنید Hands-On - Add AlertDialog and TextField

• Hands-On - با استفاده از درخواست HTTP، مقدار آب را در Firebase ذخیره کنید Hands-On - Save a Water Amount to Firebase Using HTTP Request

• Hands-On - ایجاد مدل آب Hands-On - Create Water Model

• Hands-On - اضافه کردن کلاس ارائه دهنده Hands-On - Add Provider Class

• Hands-On - از ارائه دهنده برای صرفه جویی در ورودی آب استفاده کنید Hands-On - Use Provider To Save a Water Entry

• عملی - افزودن آیتم آب به پایگاه داده و تازه کردن رابط کاربری - مشکلات Hands-On - Adding Water Item into the Database and Refreshing the UI - ISSUES

• عملی - رفع مشکل - موارد اضافه شده را به روش درست نشان دهید - یک WaterModel به لیست اضافه کنید Hands-On - ISSUE FIX - Show Added Items the Right Way - Add a WaterModel to List

• Hands-On - رفع مشکل ID - ListTile را برای نمایش بیشتر اصلاح کنید Hands-On - FIX ID Issue - Revamp the ListTile to Show More

• Hands-On - هنگام بارگیری اقلام آب، پیشرفت دایره ای را اضافه کنید Hands-On - Add Circular Progress When Loading Water Items

• Hands-On - بسته BarChart را اضافه کنید و BarGraph را با داده های ساختگی نشان دهید Hands-On - Add BarChart Package and Show BarGraph with Dummy Data

• Hands-On - BarGraph را سفارشی کنید Hands-On - Customize the BarGraph

• Hands-On - DayOfTheWeek را در پایین نمودار اضافه کنید Hands-On - Add DayOfTheWeek on The Bottom of the Graph

• Hands-On - متد CalculateDailyWaterSummary را ایجاد کنید Hands-On - Create the CalculateDailyWaterSummary Method

• Hands-On - نمایش مقادیر دینامیک آب در BarGraph Hands-On - Show Dynamic Water Values on the BarGraph

• Hands-On - برای هر BarGraph، MaxAmount درصد اضافه کنید Hands-On - Add MaxAmount Percentage for Each BarGraph

• Hands-On - اضافه کردن مبلغ هفتگی به AppBar Hands-On - Add Weekly Amount to AppBar

• Hands-On - اضافه کردن کشو Hands-On - Add Drawer

• Hands-On - اضافه کردن تنظیمات و صفحه نمایش درباره Hands-On - Add Settings & About Screens

• خلاصه بخش Section Summary

بسته شدن Wrapup

• بسته شدن Wrapup